<!DOCTYPE html>
<html lang="en">
<head>
	<title>Axes One-page | Home</title>

	<meta charset="utf-8">

	<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<!-- Google Fonts -->
	<link href='http://fonts.googleapis.com/css?family=Lato:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>

	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="screen">
	
 	<!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
	<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
	
	<link rel="stylesheet" href="css/owl.carousel.css">
	<link rel="stylesheet" type="text/css" href="css/lightbox.min.css" media="all"/>   
	<link rel="stylesheet" type="text/css" href="css/stroke-gap-icons.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/pe-icon-7-stroke.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/elegant-icons.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/font-awesome.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/responsive.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/animate.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/flexslider.css" media="screen" />
	
	<link rel="shortcut icon" href="upload/favicon.ico" type="image/x-icon">
	<link rel="icon" href="upload/favicon.ico" type="image/x-icon">

</head>


<body data-spy="scroll" data-target=".navbar-fixed-top">

	<!-- Preloader -->
	<div id="preloader">
	    <div id="status">&nbsp;</div>
	</div>

	<header id="home">
	<!-- Navbar -->
	    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
	    	<nav class="navigation overlay">
		      	<div class="container">
			        <div class="navbar-header">
			        	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
				            <span class="sr-only">Toggle navigation</span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
			        	</button>	        	 
						<!-- Logo -->
						<div class="logo">
				        	<a href="#home" class="page-scroll">
					        	<img class="logo-light" src="upload/logo-light.png" alt="logo">
					        	<img class="logo-dark" src="upload/logo-dark.png" alt="logo">
				          	</a>
			        	</div>         
			        </div> <!-- end navbar-header -->

			        <div class="collapse navbar-collapse" id="navbar-collapse">
			          
			        	<ul class="nav navbar-nav navbar-right">
				          	<li class="active"><a href="#home" class="page-scroll">Home</a></li>
				            <li><a href="#intro" class="page-scroll">Intro</a></li>
				            <li><a href="#services" class="page-scroll">Services</a></li>
				            <li><a href="#portfolio-3-col" class="page-scroll">Works</a></li>
				            <li><a href="#pricing-parallax" class="page-scroll">Pricing</a></li>
				            <li><a href="#from-blog" class="page-scroll">Blog</a></li>
				            <li><a href="#contact-parallax" class="page-scroll">Contact</a></li>
				            <li><a href="../index.html">All Demos</a></li>				            				            		
			        	</ul> <!-- end menu -->
			        </div> <!-- end collapse -->    
	      		</div> <!-- end container -->
	      	</nav> <!-- end navigation -->
	    </nav> <!-- End Navbar -->
	</header>

	<div class="main-wrapper-onepage">
		<section>
		<!--
			#################################
				- THEMEPUNCH BANNER -
			#################################
			-->
			<div class="tp-banner-container clearfix">
				<div class="tp-banner" >
					<ul>
						<!-- SLIDE 1 -->
						<li data-transition="fade" data-slotamount="1" data-masterspeed="1200" data-delay="13000">
							<!-- MAIN IMAGE -->
							<img src="upload/revolution/onepage_slide_1.jpg"
								alt="slidebg1"
								data-kenburns="on"
								data-bgposition="left center"
								data-duration="36000"
								data-ease="Linear.easeNone"
								data-bgfit="100"
								data-bgfitend="150"
								data-bgpositionend="right center"
								>
							<!-- LAYERS -->
							<!-- LAYER NR. 1 -->
							<div class="tp-caption customin extra_large_white fadeout rs-parallaxlevel-3"
								data-x="center"
								data-y="200"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500"
								data-start="1200"
								data-easing="Circ.easeInOut">We Make
							</div>

							<!-- LAYER NR. 2 -->
							<div class="tp-caption customin huge_white rs-parallaxlevel-3"
								data-x="center"
								data-y="center"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="700"
								data-start="1600"
								data-end="5600"
								data-easing="Power4.easeOut"
								data-endeasing="Power4.easeIn"
								data-splitin="chars"
								data-splitout="none"
								data-elementdelay="0.05"
								data-endelementdelay="0.05">Impossible
							</div>

							<!-- LAYER NR. 2 TEXT 2 -->
							<div class="tp-caption customin huge_white rs-parallaxlevel-3"
								data-x="center"
								data-y="center"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="700"
								data-start="5600"
								data-end="10600"
								data-easing="Power4.easeOut"
								data-endeasing="Power4.easeIn"
								data-splitin="chars"
								data-splitout="none"
								data-elementdelay="0.05"
								data-endelementdelay="0.05">Awesome
							</div>

							<!-- LAYER NR. 2 TEXT 3 -->
							<div class="tp-caption customin huge_white rs-parallaxlevel-3"
								data-x="center"
								data-y="center"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="700"
								data-start="10600"
								data-easing="Power4.easeOut"
								data-endeasing="Power4.easeIn"
								data-splitin="chars"
								data-splitout="none"
								data-elementdelay="0.05"
								data-endelementdelay="0.05">Creative
							</div>

							<!-- LAYER NR. 3 -->
							<div class="tp-caption customin medium_services_text fadeout rs-parallaxlevel-3"
								data-x="center"
								data-y="410"
								data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
								data-speed="500"
								data-start="2600"
								data-easing="Power4.easeOut">Design <span class="slider-bullet">•</span>  Development <span class="slider-bullet">•</span> Marketing
							</div>

							<!-- LAYER NR. 4 -->
							<div class="tp-caption scroll-down"
								data-x="center"
								data-y="750"
								data-speed="500"
								data-start="1500"
								data-easing="Power3.easeInOut"
								data-splitin="none"
								data-splitout="none"
								data-elementdelay="0.1"
								data-endelementdelay="0.1"
								data-linktoslide="next"
								style="z-index: 12; max-width: auto; max-height: auto; white-space: nowrap;">
								<a href='#intro' class='scroll-down page-scroll'>
									<i class="pe-7s-angle-down-circle infinite animated fadeInDown" data-wow-duration="3000ms"></i>
								</a>
							</div>					
						</li> <!-- end slide 1 -->

					</ul>
				</div>
			</div>
		</section>


	<!-- Intro -->
		<section class="section-wrap" id="intro">
			<div class="container">
				<div class="row">
					<div class="col-sm-5">
						<h2>
							Hello!<br>
							We Are Axes Agency
						</h2>
						<div class="main-border blue border-left"></div>
						<p class="intro-subheading">
							Those who find beautiful meanings in beautiful things are the cultivated. We are just create awesome.
						</p>	
					</div> <!-- end col -->

					<div class="col-sm-7">
						<p>
							Axes is a simple and elegant template with tons of features. Lorem ipsum dolor sit amet,  consectetur. We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind.
						</p><br>
						<p>
							It's a great choice for any website. Fully responsive and retina ready. Simple interface and awesome user experience.
						</p><br>
						<p>
							Axes is a simple and elegant template with tons of features. Lorem ipsum dolor sit amet,  consectetur. We possess within us two minds.
						</p>												
					</div><!-- end col -->
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end intro -->

	<!-- Featured Works -->
		<section id="featured-works" class="featured-wide-slider section-wrap bg-dark">
			<div class="container">
				<h2 class="heading-white text-center mb80">Featured Works</h2>
			
				<div id="owl-featured-works-one-img" class="owl-carousel owl-theme">

					<div class="item">
						<a href="#">
							<img src="upload/onepage/featured_works_img_1.jpg" alt="featured-works-img1">
						</a>
					</div> <!-- end first item -->

					<div class="item">
						<a href="#">
							<img src="upload/onepage/featured_works_img_2.jpg" alt="featured-works-img2">
						</a>
					</div> <!-- end second item -->

					<div class="item">
						<a href="#">
							<img src="upload/onepage/featured_works_img_3.jpg" alt="featured-works-img3">
						</a>
					</div> <!-- end third item -->

				</div> <!-- end owl carousel -->
			</div> <!-- end container -->			
		</section> <!-- end featured works -->

	<!-- Our Services -->
		<section class="section-wrap bg-light" id="services">
			<div class="container">
				<h2 class="text-center">Our Services</h2>
				<p class="subheading text-center">The Best Features in One Theme</p>
				<div class="main-border blue"></div>

				<div class="row mt50">
					<div class="col-md-3 col-sm-6 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.1s">
						<div class="service-item-box first">
							<a href="#">
								<i class="icon icon-ShoppingCart"></i>
							</a>
							<h3>Ecommerce Ready</h3>
							<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							<a href="#">Learn More</a>				
						</div>						
					</div> <!-- end service item -->

					<div class="col-md-3 col-sm-6 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.2s">
						<div class="service-item-box second">
							<a href="#">
								<i class="icon icon-Timer"></i>
							</a>
							<h3>2 Minutes to Install</h3>
							<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							<a href="#">Learn More</a>				
						</div>						
					</div> <!-- end service item -->

					<div class="col-md-3 col-sm-6 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.3s">
						<div class="service-item-box third">
							<a href="#">
								<i class="icon icon-Search"></i>
							</a>
							<h3>SEO Optimized</h3>
							<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							<a href="#">Learn More</a>				
						</div>						
					</div> <!-- end service item -->

					<div class="col-md-3 col-sm-6 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.4s">
						<div class="service-item-box fourth">
							<a href="#">
								<i class="icon icon-Blog"></i>
							</a>
							<h3>Drag &amp; Drop Builder</h3>
							<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
							<a href="#">Learn More</a>				
						</div>						
					</div> <!-- end service item -->
					
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end services -->
	
	<!-- Results -->
		<section class="section-wrap results-parallax">
			<div class="container">
				<h2 class="text-center heading-white">Fun Facts</h2>
				<p class="subheading text-center">What We Have Reached</p>
				<div class="main-border blue"></div>

				<div class="row mt30">
					<div class="col-sm-3 text-center">
						<div class="statistic">
							<span class="timer" data-from="0" data-to="547">&nbsp;</span>
							<h5 class="counter-text">Happy Clients</h5>
						</div>
					</div> <!-- end col -->

					<div class="col-sm-3 text-center">
						<div class="statistic">
							<span class="timer" data-from="0" data-to="1024">&nbsp;</span>
							<h5 class="counter-text">Projects Completed</h5>
						</div>
					</div> <!-- end col -->

					<div class="col-sm-3 text-center">
						<div class="statistic">
							<span class="timer" data-from="0" data-to="3589">&nbsp;</span>
							<h5 class="counter-text">Lines of Code</h5>
						</div>
					</div> <!-- end col -->

					<div class="col-sm-3 text-center">
						<div class="statistic">
							<span class="timer" data-from="0" data-to="999">&nbsp;</span>
							<h5 class="counter-text">Pizzaz eaten</h5>
						</div>
					</div> <!-- end col -->
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end results -->

	<!-- Portfolio -->
		<section class="section-wrap bg-light" id="portfolio-3-col">
			<div class="container">
				<h2 class="text-center">Our Works</h2>

				<div class="row mt40"> <!-- filter -->
					<div class="col-md-12">
						<div class="portfolio-filter">
							<a href="#" class="filter active" data-filter="*">All</a>
							<a href="#" class="filter" data-filter=".web-design">Web Design</a>
							<a href="#" class="filter" data-filter=".print">Print</a>
							<a href="#" class="filter" data-filter=".graphics">Graphics</a>
							<a href="#" class="filter" data-filter=".mockups">Mockups</a>
						</div> <!-- end filter -->
					</div> <!-- end col -->
				</div> <!-- end row -->

				<div class="row">
					<div id="portfolio-container" class="grid-3-col">

						<div class="col-md-4 work-item web-design mockups"> <!-- work item -->
							<div class="work-container">
								<div class="work-img">
									<a href="#">
										<img src="upload/onepage/portfolio_img_1.jpg" alt="portfolio img1">
									</a>
									<div class="work-overlay">
										<a href="upload/featured_works_big_img_1.jpg" data-lightbox="true" class="btn btn-small btn-rounded btn-light-transparent">View Project</a>
									</div>
								</div>
								<div class="work-description text-center">
									<h3><a href="#">Creative Mockups</a></h3>
									<span><a href="#">Print</a></span>
								</div>
							</div> 
						</div> <!-- end work-item -->

						<div class="col-md-4 work-item print mockups"> <!-- work item -->
							<div class="work-container">
								<div class="work-img">
									<a href="#">
										<img src="upload/onepage/portfolio_img_2.jpg" alt="portfolio img2">
									</a>
									<div class="work-overlay">
										<a href="upload/featured_works_big_img_2.jpg" data-lightbox="true" class="btn btn-small btn-rounded btn-light-transparent">View Project</a>
									</div>
								</div>
								<div class="work-description text-center">
									<h3><a href="#">Poster Frame PSD</a></h3>
									<span><a href="#">Mockups</a></span>
								</div>
							</div> 
						</div> <!-- end work-item -->

						<div class="col-md-4 work-item web-design graphics print"> <!-- work item -->
							<div class="work-container">
								<div class="work-img">
									<a href="#">
										<img src="upload/onepage/portfolio_img_3.jpg" alt="portfolio img3">
									</a>
									<div class="work-overlay">
										<a href="upload/featured_works_big_img_3.jpg" data-lightbox="true" class="btn btn-small btn-rounded btn-light-transparent">View Project</a>
									</div>
								</div>
								<div class="work-description text-center">
									<h3><a href="#">Logo Mockup</a></h3>
									<span><a href="#">Mockups</a></span>
								</div>
							</div> 
						</div> <!-- end work-item -->

						<div class="col-md-4 work-item web-design graphics mockups"> <!-- work item -->
							<div class="work-container">
								<div class="work-img">
									<a href="#">
										<img src="upload/onepage/portfolio_img_4.jpg" alt="portfolio img4">
									</a>
									<div class="work-overlay">
										<a href="upload/featured_works_big_img_4.jpg" data-lightbox="true" class="btn btn-small btn-rounded btn-light-transparent">View Project</a>
									</div>
								</div>
								<div class="work-description text-center">
									<h3><a href="#">Paper Glasses</a></h3>
									<span><a href="#">Graphics</a></span>
								</div>
							</div> 
						</div> <!-- end work-item -->

						<div class="col-md-4 work-item mockups graphics print"> <!-- work item -->
							<div class="work-container">
								<div class="work-img">
									<a href="#">
										<img src="upload/onepage/portfolio_img_5.jpg" alt="portfolio img5">
									</a>
									<div class="work-overlay">
										<a href="upload/featured_works_big_img_5.jpg" data-lightbox="true" class="btn btn-small btn-rounded btn-light-transparent">View Project</a>
									</div>
								</div>
								<div class="work-description text-center">
									<h3><a href="#">Awesome Sweaters</a></h3>
									<span><a href="#">Mockups</a></span>
								</div>
							</div> 
						</div> <!-- end work-item -->

						<div class="col-md-4 work-item mockups web-design print"> <!-- work item -->
							<div class="work-container">
								<div class="work-img">
									<a href="#">
										<img src="upload/onepage/portfolio_img_6.jpg" alt="portfolio img6">
									</a>
									<div class="work-overlay">
										<a href="upload/featured_works_big_img_6.jpg" data-lightbox="true" class="btn btn-small btn-rounded btn-light-transparent">View Project</a>
									</div>
								</div>
								<div class="work-description text-center">
									<h3><a href="#">Magazine Mockup</a></h3>
									<span><a href="#">Print</a></span>
								</div>
							</div> 
						</div> <!-- end work-item -->
					</div>	<!-- end portfolio container -->

				</div> <!-- end row -->
				
				<div class="row mt20">
					<div class="col-md-12 text-center">
						<a href="portfolio-4-col.html">
							<div class="btn btn-rounded btn-medium btn-light-solid">More Works</div>
						</a>
					</div>
				</div>
			</div> <!-- end container -->
		</section> <!-- end portfolio-->


	<!-- Call to Action -->
		<section class="call-to-action parallax">
			<div class="container">			
				<h3 class="cta-subheading text-center">We’ve Used Best Ux Practices</h3>
				<h2 class="text-center mt30">Are you Ready to Enjoy?</h2>
				<div class="col-lg-12 text-center mt40">
					<a href="#" id="cta-button-blue-solid" class="btn btn-large btn-rounded btn-light-solid">Buy Now</a>
					<a href="#" id="cta-button-stroke" class="btn btn-large btn-rounded btn-light-transparent">Learn More</a>
				</div>
			</div> <!-- end container -->
		</section> <!-- end call to action -->



	<!-- Our Team -->
		<section class="section-wrap our-team bg-light">
			<div class="container-fluid">
				<h2 class="text-center">Awesome Team</h2>
				<p class="subheading text-center">Creative Nerds</p>
				<div class="main-border blue"></div>

				<ul id="team" class="clearfix">
					<li class="team-member wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
						<div class="team-img">
							<img src="upload/team_member_1.jpg" alt="team member 1">
						</div>
						<div class="team-details text-center">
							<h5 class="team-title">Joeby Ragpa</h5>
							<span>CEO of Company</span>
							<div class="team-socials">
								<a href="#"><i class="fa fa-facebook"></i></a>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-google-plus"></i></a>
								<a href="#"><i class="fa fa-envelope"></i></a>
							</div>
						</div>
					</li> <!-- end team member -->

					<li class="team-member wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s">
						<div class="team-img">
							<img src="upload/team_member_2.jpg" alt="team member 2">
						</div>
						<div class="team-details text-center">
							<h5 class="team-title">Michael Doe</h5>
							<span>Lead Designer</span>
							<div class="team-socials">
								<a href="#"><i class="fa fa-facebook"></i></a>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-google-plus"></i></a>
								<a href="#"><i class="fa fa-envelope"></i></a>
							</div>
						</div>
					</li> <!-- end team member -->

					<li class="team-member wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
						<div class="team-img">
							<img src="upload/team_member_3.jpg" alt="team member 3">
						</div>
						<div class="team-details text-center">
							<h5 class="team-title">Jomelle Curtis</h5>
							<span>Front-End Developer</span>
							<div class="team-socials">
								<a href="#"><i class="fa fa-facebook"></i></a>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-google-plus"></i></a>
								<a href="#"><i class="fa fa-envelope"></i></a>
							</div>
						</div>
					</li> <!-- end team member -->

					<li class="team-member wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s">
						<div class="team-img">
							<img src="upload/team_member_4.jpg" alt="team member 4">
						</div>
						<div class="team-details text-center">
							<h5 class="team-title">Alex Green</h5>
							<span>Creative Designer</span>
							<div class="team-socials">
								<a href="#"><i class="fa fa-facebook"></i></a>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-google-plus"></i></a>
								<a href="#"><i class="fa fa-envelope"></i></a>
							</div>
						</div>
					</li> <!-- end team member -->
				</ul>
			</div> <!-- end container -->
		</section> <!-- end our team -->


	<!-- Core Features -->
		<section class="core-features style-2">
			<div class="container">			
				<h2 class="text-center">Core Features</h2>
				<p class="subheading text-center">The Best Features in One Theme</p>
				<div class="main-border blue"></div>

				<div class="features-promo mt30">
					<div class="row">
						<!-- start left column -->
						<div class="col-lg-4 col-md-4 col-sm-6 wow slideInLeft" data-wow-duration="1s" data-wow-delay="0.1">
							<div class="features-item features-right text-right">
								<div class="features-icon">
									<i class="icon icon-Search"></i>
								</div>
								<h5>SEO Optimized</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind. Your subconscious mind contains.</p>
							</div> <!-- end features item -->

							<div class="features-item features-right text-right">
								<div class="features-icon">
									<i class="icon icon-Layers"></i>
								</div>
								<h5>Parallax Sections</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind. Your subconscious mind contains.</p>
							</div> <!-- end features item -->

							<div class="features-item features-right text-right">
								<div class="features-icon">
									<i class="icon icon-Drop"></i>
								</div>
								<h5>Unlimited Colors</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind. Your subconscious mind contains.</p>
							</div> <!-- end features item -->
						</div> <!-- end left column-->
						
						<div class="promo-img col-lg-4 col-md-4 hidden-sm hidden-xs text-center">
							<img src="upload/onepage/core_features_img_2.png" alt="core-features-img">
						</div>

						<!-- start right column -->
						<div class="col-lg-4 col-md-4 col-sm-6 wow slideInRight" data-wow-duration="1s" data-wow-delay="0.1">
							<div class="features-item">
								<div class="features-icon">
									<i class="icon icon-Tools"></i>
								</div>
								<h5>Easy to Customize</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind. Your subconscious mind contains.</p>
							</div> <!-- end features item -->

							<div class="features-item">
								<div class="features-icon">
									<i class="icon icon-Timer"></i>
								</div>
								<h5>2 Minutes Install</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind. Your subconscious mind contains.</p>
							</div> <!-- end features item -->

							<div class="features-item">
								<div class="features-icon">
									<i class="icon icon-Notes"></i>
								</div>
								<h5>Well Documented</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind. Your subconscious mind contains.</p>
							</div> <!-- end features item -->
						</div> <!-- end right column-->
					</div> <!-- end row -->
				</div> <!-- end features promo -->
			</div> <!-- end container -->
		</section> <!-- end core features -->


	<!-- Pricing -->
		<section class="section-wrap style-2" id="pricing-parallax">
			<div class="container">			
				<h2 class="text-center heading-white">Pricing Plans</h2>
				<p class="subheading text-center">The Best Prices</p>
				<div class="main-border blue"></div>

				<div class="pricing-container clearfix">

					<div class="pricing-4-col wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s"> <!-- start table -->
						<div class="pricing-title">
							<h3>Basic</h3>
							<div class="pricing-price">
								<span class="pricing-currency">$</span>
								<span>199</span>
							</div>
							<span class="pricing-term">Monthly</span>
						</div>

						<div class="pricing-features">
							<ul>
								<li>Fully Responsive</li>
								<li>Clean Design</li>
								<li>Tons of Features</li>
								<li>Awesome Shortcodes</li>
								<li>Easy to Customize</li>
							</ul>
						</div>

						<div class="pricing-button">
							<a href="#">
								<div class="btn btn-stroke btn-rounded btn-medium">Purchase Now</div>
							</a>
						</div>
					</div> <!-- end table -->

					<div class="pricing-4-col wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s"> <!-- start table -->
						<div class="pricing-title">
							<h3>Business</h3>
							<div class="pricing-price">
								<span class="pricing-currency">$</span>
								<span>599</span>
							</div>
							<span class="pricing-term">Monthly</span>
						</div>

						<div class="pricing-features">
							<ul>
								<li>Fully Responsive</li>
								<li>Clean Design</li>
								<li>Tons of Features</li>
								<li>Awesome Shortcodes</li>
								<li>Easy to Customize</li>
							</ul>
						</div>

						<div class="pricing-button">
							<a href="#">
								<div class="btn btn-stroke btn-rounded btn-medium">Purchase Now</div>
							</a>
						</div>
					</div> <!-- end table -->

					<div class="pricing-4-col wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s"> <!-- start table -->
						<div class="pricing-title best-price">
							<h3>Advanced</h3>
							<div class="pricing-price">
								<span class="pricing-currency">$</span>
								<span>1199</span>
							</div>
							<span class="pricing-term">Monthly</span>
						</div>

						<div class="pricing-features">
							<ul>
								<li>Fully Responsive</li>
								<li>Clean Design</li>
								<li>Tons of Features</li>
								<li>Awesome Shortcodes</li>
								<li>Easy to Customize</li>
							</ul>
						</div>

						<div class="pricing-button">
							<a href="#">
								<div class="btn btn-blue btn-rounded btn-medium">Purchase Now</div>
							</a>
						</div>
					</div> <!-- end table -->

					<div class="pricing-4-col wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.7s"> <!-- start table -->
						<div class="pricing-title">
							<h3>VIP</h3>
							<div class="pricing-price">
								<span class="pricing-currency">$</span>
								<span>1599</span>
							</div>
							<span class="pricing-term">Monthly</span>
						</div>

						<div class="pricing-features">
							<ul>
								<li>Fully Responsive</li>
								<li>Clean Design</li>
								<li>Tons of Features</li>
								<li>Awesome Shortcodes</li>
								<li>Easy to Customize</li>
							</ul>
						</div>

						<div class="pricing-button">
							<a href="#">
								<div class="btn btn-stroke btn-rounded btn-medium">Purchase Now</div>
							</a>
						</div>
					</div> <!-- end table -->

				</div> <!-- end pricing container -->
				
			</div> <!-- end container -->
		</section> <!-- end pricing -->


	<!-- Testimonials Boxes -->
		<section class="section-wrap testimonials-boxes bg-light">
			<div class="container">
				<h2 class="text-center">Testimonials</h2>
				<p class="subheading text-center">Happy Customers</p>
				<div class="main-border blue"></div>

				<div class="row mt20">
					<div class="col-sm-6 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.2">
						<div class="testimonial-item">
							<div class="testimonials-box">
								<img src="upload/testimonials_img_1.jpg" class="testimonials-img" alt="testimonials-img-1">
								<div class="testimonial">
									<h5 class="testimonial-name">John Doe</h5>
									<span>CEO of Company</span>
									<p>This template is so awesome. I didn’t expect so many features inside. E-commerce pages are very useful, you can launch your online store in few seconds. I will rate 5 stars.</p>
								</div>
							</div>
						</div> <!-- end first testimonial -->
					</div> <!-- end col -->

					<div class="col-sm-6 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.4">
						<div class="testimonial-item">
							<div class="testimonials-box">
								<img src="upload/testimonials_img_2.jpg" class="testimonials-img" alt="testimonials-img-2">
								<div class="testimonial">
									<h5 class="testimonial-name">Jimmy Green</h5>
									<span>Graphicriver.net</span>
									<p>This template is so awesome. I didn’t expect so many features inside. E-commerce pages are very useful, you can launch your online store in few seconds. I will rate 5 stars.</p>
								</div>
							</div>
						</div> <!-- end testimonial -->
					</div> <!-- end col -->
				</div> <!-- end row -->

				<div class="row">
					<div class="col-sm-6 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.6">
						<div class="testimonial-item">
							<div class="testimonials-box">
								<img src="upload/testimonials_img_3.jpg" class="testimonials-img" alt="testimonials-img-3">
								<div class="testimonial">
									<h5 class="testimonial-name">Christine Curtiz</h5>
									<span>Creative Designer</span>
									<p>This template is so awesome. I didn’t expect so many features inside. E-commerce pages are very useful, you can launch your online store in few seconds. I will rate 5 stars.</p>
								</div>
							</div>
						</div> <!-- end first testimonial -->
					</div> <!-- end col -->

					<div class="col-sm-6 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.8">
						<div class="testimonial-item">
							<div class="testimonials-box">
								<img src="upload/testimonials_img_4.jpg" class="testimonials-img" alt="testimonials-img-4">
								<div class="testimonial">
									<h5 class="testimonial-name">Bob Michaels</h5>
									<span>Envato</span>
									<p>This template is so awesome. I didn’t expect so many features inside. E-commerce pages are very useful, you can launch your online store in few seconds. I will rate 5 stars.</p>
								</div>
							</div>
						</div> <!-- end testimonial -->
					</div> <!-- end col -->
				</div> <!-- end row -->

			</div> <!-- end container -->
		</section> <!-- end testimonials boxes -->

	<!-- Partners -->
		<section class="partners-violet">
			<div class="container">
				<div class="row">

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_1.png" alt="partner logo 1">
						</a>
					</div> <!-- end first logo -->

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_2.png" alt="partner logo 2">
						</a>
					</div> <!-- end second logo -->

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_3.png" alt="partner logo 3">
						</a>
					</div> <!-- end third logo -->

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_4.png" alt="partner logo 4">
						</a>
					</div> <!-- end fourth logo -->

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_5.png" alt="partner logo 5">
						</a>
					</div> <!-- end fifth logo -->

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_6.png" alt="partner logo 6">
						</a>
					</div> <!-- end last logo -->
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end partners -->

	<!-- From Blog -->
		<section class="section-wrap bg-light" id="from-blog">
			<div class="container">			
				<h2 class="text-center">From Blog</h2>
				<p class="subheading text-center">Latest News</p>
				<div class="main-border blue"></div>

				<div class="row mt50 wow slideInUp" data-wow-duration="1s" data-wow-delay="0.1">

						<div class="col-md-4 text-center">
							<div class="blog-col-3">
								<div class="entry-img">
									<a href="#">
										<img src="upload/onepage/blog_img_1.jpg" alt="blog img 1">
									</a>
								</div>

								<div class="entry-box">
									<div class="entry-title">
										<h3><a href="#">Why we make awesome projects</a></h3>
									</div>
									<ul class="entry-meta">
										<li>April 26, 2015</li>
										<li>
											<a href="#">15 Comments</a>
										</li>										
									</ul>
									<div class="entry-content">
										<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
										<a href="#" class="btn btn-stroke btn-small btn-rounded">Read More</a>
									</div>
								</div> <!-- end entry box -->
							</div> <!--  end blog col 3 -->
						</div> <!-- end column-->

						<div class="col-md-4 text-center">
							<div class="blog-col-3">
								<div class="entry-img">
									<a href="#">
										<img src="upload/onepage/blog_img_2.jpg" alt="blog img 2">
									</a>
								</div>

								<div class="entry-box">
									<div class="entry-title">
										<h3><a href="#">New touch screen technologies</a></h3>
									</div>
									<ul class="entry-meta">
										<li>April 26, 2015</li>
										<li>
											<a href="#">15 Comments</a>
										</li>										
									</ul>
									<div class="entry-content">
										<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
										<a href="#" class="btn btn-stroke btn-small btn-rounded">Read More</a>
									</div>
								</div> <!-- end entry box -->
							</div> <!--  end blog col 3 -->
						</div> <!-- end column-->

						<div class="col-md-4 text-center">
							<div class="blog-col-3 last-box">
								<div class="entry-img">
									<a href="#">
										<img src="upload/onepage/blog_img_3.jpg" alt="blog img 3">
									</a>
								</div>

								<div class="entry-box">
									<div class="entry-title">
										<h3><a href="#">Ultimate guide to choose camera</a></h3>
									</div>
									<ul class="entry-meta">
										<li>April 26, 2015</li>
										<li>
											<a href="#">15 Comments</a>
										</li>										
									</ul>
									<div class="entry-content">
										<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
										<a href="#" class="btn btn-stroke btn-small btn-rounded">Read More</a>
									</div>
								</div> <!-- end entry box -->
							</div> <!--  end blog col 3 -->
						</div> <!-- end column-->

				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end from blog -->

	<!-- Contact -->
		<section class="section-wrap" id="contact-parallax">
			<div class="container">			
				<h2 class="text-center heading-white">Contact</h2>
				<p class="subheading text-center">Get in Touch</p>
				<div class="main-border blue"></div>

				<div class="row mt50">
					<div class="col-md-7 col-sm-7">
						<form id="contact-form" class="parallax-form" action="#">
							<input name="name" id="name" type="text" class="form-control" placeholder="Name*">
							<input name="mail" id="mail" type="email" class="form-control" placeholder="E-mail*">	
							<input name="subject" id="subject" type="text" class="form-control" placeholder="Subject">	
							<textarea name="comment" id="comment" class="form-control" placeholder="Message"></textarea>
		  					<input type="submit" value="Send Message" id="submit-message">
			  				<div id="msg" class="message"></div>
			  			</form>
					</div> <!-- end col -->
					
					<div class="col-md-4 col-md-offset-1 col-sm-5">
						<h5 class="heading-white">Don’t Hesitate to Stay in Touch</h5>
						<p>Our working hours is 8:00 pm – 20:00 pm<br>
						Call us, email or send us a message</p>
						<div class="contact-item">
							<div class="contact-icon">
								<i class="icon icon-Phone2"></i>
							</div>
							<span>+1 888 5146 3269</span>
						</div> <!-- end phone number -->

						<div class="contact-item">
							<div class="contact-icon">
								<i class="icon icon-Mail"></i>
							</div>
							<a href="#">hello@axescompany</a>
						</div> <!-- end email -->

						<div class="contact-item">
							<div class="contact-icon">
								<i class="icon icon-House"></i>
							</div>
							<p>Axes Theme inc.<br>
							Philippines<br>
							Greenwich st. 256/6<br>
							62058</p>
						</div> <!-- end address -->

					</div> <!-- end col -->
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end contact -->
	
	<!-- Footer -->
		<footer id="footer" class="minimal">
			<div class="container">
				<div class="row">
					<div class="col-md-4 col-md-offset-4">
						<div class="social-icons large">
							<a href="#"><i class="fa fa-facebook"></i></a>
							<a href="#"><i class="fa fa-twitter"></i></a>
							<a href="#"><i class="fa fa-google-plus"></i></a>
							<a href="#"><i class="fa fa-linkedin"></i></a>
							<a href="#"><i class="fa fa-pinterest-p"></i></a>
							<a href="#"><i class="fa fa-instagram"></i></a>
						</div> <!-- end socials -->
						<div class="col-xs-12 text-center">
							<div class="copyright">
								©2015 Axes Theme  |  Designed by <a href="http://deothemes.com/">DeoThemes</a>
							</div>
						</div>
					</div> <!-- end col -->
				</div> <!-- end row -->		
			</div> <!-- end container -->
		</footer> <!-- end footer -->

		<div id="back-to-top">
			<a href="#top"><i class="fa fa-angle-up"></i></a>
		</div>

	</div> <!-- end main-wrapper -->

	
	<!-- jQuery Scripts -->
	<script src="js/jquery.min.js"></script>
 	<script type="text/javascript" src="js/lightbox.min.js"></script>	
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/bootstrap-hover-dropdown.min.js"></script>
	<script type="text/javascript" src="js/owl.carousel.min.js"></script>
	<script type="text/javascript" src="js/jquery.countTo.js"></script>
	<script type="text/javascript" src="js/jquery.appear.js"></script>
	<script type="text/javascript" src="js/plugins-scroll.js"></script>
	<script type="text/javascript" src="js/jquery.easing.min.js"></script>
	<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
	<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
	<script src="js/wow.min.js"></script>

	<!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
	<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.tools.min.js"></script>
	<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

	<!-- Custom Theme JavaScript -->
    <script src="js/scripts.js"></script>

	<!-- Revolution Slider -->
	<script type="text/javascript">
				jQuery(document).ready(function() {
					   jQuery('.tp-banner').revolution(
						{
							delay:12000,
							startwidth:1170,
							startheight:680,
							hideThumbs:10,

							parallax:"scroll",
							parallaxBgFreeze:"on",
							parallaxLevels:[10,20,30,40,50,60,70,80,90,100],

							fullWidth:"off",
							fullScreen:"on",
							fullScreenOffsetContainer: "",

							navigationType:"bullet",							
							navigationStyle:"preview1",

							hideArrowsOnMobile:"on",
							
							touchenabled:"off",
							onHoverStop:"off",
							spinner:"spinner4"
						});
				});
	</script>

</body>
</html>